<template>
    <div id="user">

        <p>{{items[0].name}}</p>
        <button @click="radioChange()"> 触发事件</button>
        <br/>
        <ul>
        <li v-for="item in items">{{item.name}}</li>
            
        </ul>
    </div>
</template>
<script>
export default {
  data () {
    return {
      items: [
        {name: 'USA', value: '美国'},
        {name: 'CHN', value: '中国', checked: 'true'},
        {name: 'BRA', value: '巴西'},
        {name: 'JPN', value: '日本'},
        {name: 'ENG', value: '英国'},
        {name: 'TUR', value: '法国'}
      ]
    }
  },
  methods: {
    radioChange (e) {
      console.log('radio发生change事件，携带value值为：', e.target.value)
    }
  }
}
</script>